<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>模板管理 / Template Manage</title>
</head>
<link rel="stylesheet" href="../../lib/layui/css/layui.css"/>
<script src="../../lib/layui/layui.js"></script>
<script src="../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../js/xadmin.js"></script>
<script src="../../js/common.js"></script>
<body>
<div class="am-fl am-cf">
    <strong class="am-text-primary am-text-lg pagetitle">模板管理</strong> / <small>Template Manage</small>
</div>
<hr> <!-- 分割线 -->
<!-- 选项卡 -->
<div class="layui-col-md9">
    <div class="layui-tab layui-tab-card">
        <ul class="layui-tab-title">
            <li class="layui-this">患者病例模板</li>
            <li>院内协定方</li>
            <li>我的调理方</li>
            <li>医嘱模板</li>
        </ul>
        <div class="layui-tab-content">
        <!-- 第一部分 -->

        <div class="layui-tab-item layui-show">
            <button class="layui-btn" onclick="xadmin.open('添加患者病例模板','2.4.1.html',800,600)"><i class="layui-icon"></i>添加
            </button><br>
            <div id="view"></div>

        </div>

        <!-- 第二部分 -->
        <div class="layui-tab-item">
            <button class="layui-btn" onclick="xadmin.open('添加协定方模板','2.4.2.html',800,600)"><i class="layui-icon"></i>添加
            </button>
            <div id="view2"></div>
        </div>
        <!-- 第三部分 -->
        <div class="layui-tab-item">
            <div class="layui-card-body layui-table-body layui-table-main">
                <!-- 表格 -->
                <button type="button" onclick="xadmin.open('添加','2.4.3.html',800,600)" href="javascript:;" class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe61f;</i>添加调理方</button>
                <table class="layui-hide" id="Organizetable" lay-filter="Organizetable"></table>
            </div>
        </div>
        <!-- 第四部分 -->
        <div class="layui-tab-item">
            <button class="layui-btn" onclick="xadmin.open('添加医嘱模板','2.4.4.html',800,600)"><i class="layui-icon"></i>添加
            </button>
            <div id="view3"></div>
        </div>
    </div>
</div>
</div><br/>
</body>
</html>
<!--患者病例模板引擎-->
<script id="template" type="text/html">
    <div class="layui-card layui-anim layui-anim-upbit">
        <div class="layui-card-header">{{d.t_name}}<button onclick=delTemplate2("{{d.id}}") type="button" class="layui-btn layui-btn-sm  layui-btn-radius" style="float:right">删除</button></div>
        <div class="layui-card-body">
            <ul>
                <li>患者主述:{{d.p_statement}}</li>
                <li>历史病症:{{d.p_past_illness}}</li>
                <li>身体检查:{{d.p_examination}}</li>
                <li>辅助检查:{{d.p_auxiliary}}</li>
                <li>治疗意见:{{d.p_idea}}</li>
            </ul>
        </div>
    </div>
</script>
<!--院内协定方模板-->
<script id="AgreementPartyTemplate" type="text/html">
    <div class="layui-card layui-anim layui-anim-upbit">
        <div class="layui-card-header">{{d.t_name}}<button onclick=delTemplate("{{d.id}}") type="button" class="layui-btn layui-btn-sm  layui-btn-radius" style="float:right">删除</button></div>
        <div class="layui-card-body">
            <ul>
                <li>功效:{{d.t_effect}}</li>
                <li>用法:{{d.usage_name}}</li>
                <li>药品:{{d.dr_name}}</li>
            </ul>
        </div>
    </div>
</script>
<!--医嘱模板-->
<script id="medical_advice" type="text/html">
    <div class="layui-card layui-anim layui-anim-upbit">
        <div class="layui-card-header">{{d.t_name}}<button onclick=delTemplate2("{{d.id}}") type="button" class="layui-btn layui-btn-sm  layui-btn-radius" style="float:right">删除</button></div>
        <div class="layui-card-body">
            <ul>
                <li>医嘱:{{d.t_medical_advice}}</li>
            </ul>
        </div>
    </div>
</script>
<!--给患者病例模板导入数据-->
<script>
    $(function(){
        //获取模板里的数据
        useAjax("/JT90/getTemplate",null,"JSON","GET",function(map){
            if (map.success){
                var data = map.result;
                $.each(data, function (index, item) {
                    renderView(item);
                })
            }
        })
    })
    function renderView(data){
        layui.use("laytpl",function(){
            var laytpl=layui.laytpl;	             //获取laytpl操作对象
            var getTpl = $("#template").html();	    //获取页面的js模板
            laytpl(getTpl).render(data, function(html){
              //  $("#view div").remove();	        //删除原有的数据
                $("#view").append(html);	          //添加新的数据
            });
        })
    }

    /*患者病例模板-医嘱模板-删除*/
    function delTemplate2(id) {
        layer.confirm('确认要删除吗？', function (index) {
            //发异步删除数据
            useAjax("/JT90/delTemplate2",{"id":id},"JSON","GET",function(count){
                if (count>0){
                    layer.msg('已删除!', {
                        icon: 1,
                        time: 1000
                    });
                    location.reload();
                }else{
                    layer.msg('删除失败!', {
                        icon: 2,
                        time: 1000
                    });
                }
            })

        });
    }

</script>
<!--给院内协调方模板导入数据-->
<script>
    $(function(){
        //获取模板里的数据
        useAjax("/JT90/getAgreementPartyTemplate",null,"JSON","GET",function(map){
            if (map.success){
                var data = map.data;
                $.each(data, function (index, item) {
                    renderView2(item);
                })
            }
        })
    })
    function renderView2(data){
        layui.use("laytpl",function(){
            var laytpl=layui.laytpl;	             //获取laytpl操作对象
            var getTpl = $("#AgreementPartyTemplate").html();	    //获取页面的js模板
            laytpl(getTpl).render(data, function(html){
                $("#view2").append(html);	          //添加新的数据
            });
        })
    }

    /*院内协调方模板和相关药品-删除*/
    function delTemplate(id) {
        layer.confirm('确认要删除吗？', function (index) {
            //发异步删除数据
            useAjax("/JT90/delTemplate",{"id":id},"JSON","GET",function(count){
                if (count>0){
                    layer.msg('已删除!', {
                        icon: 1,
                        time: 1000
                    });
                    location.reload();
                }else{
                    layer.msg('删除失败!', {
                        icon: 2,
                        time: 1000
                    });
                }
            })

        });
    }
</script>
<!--给医嘱模板赋值-->
<script>
    $(function(){
        //获取模板里的数据
        useAjax("/JT90/getMedical_advice",null,"JSON","GET",function(map){
            if (map.success){
                var data = map.data;
                $.each(data, function (index, item) {
                    renderView3(item);
                })
            }
        })
    })
    function renderView3(data){
        layui.use("laytpl",function(){
            var laytpl=layui.laytpl;	             //获取laytpl操作对象
            var getTpl = $("#medical_advice").html();	    //获取页面的js模板
            laytpl(getTpl).render(data, function(html){
                $("#view3").append(html);	          //添加新的数据
            });
        })
    }
</script>

<script type="text/html" id="barOrganize">
    <!--<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>-->
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<!-- 调理方 -->
<script>
    layui.use('table', function(){
        var table = layui.table;

        //发送ajax获取表格数据
        useAjax("/JT90/OrganizeTemplate",null,"JSON","GET",function(map){
            var data = map.data;

            table.render({
                elem: '#Organizetable'
                //  ,url:'/JT90/OrganizeTemplate'
                ,data:data
                ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                ,cols: [[
                    /*{field:'id', title: 'ID'}*/
                    {field:'t_name', title: '名称'}
                    ,{field:'t_effect', title: '功效'}
                    ,{field:'t_explain', title: '说明'}
                    ,{field:'dr_name', title: '药品'}
                    ,{fixed: 'right', title:'操作', toolbar: '#barOrganize', width:150}
                ]]
                , page: {
                    layout: ['limit', 'count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'] //自定义分页布局
                    , groups: 5 //只显示 1 个连续页码
                    , first: false //不显示首页
                    , last: false //不显示尾页
                    , limit: 5
                    , limits: [5, 10, 15, 20]
                    , theme: '#44cc33'
                }
            });
        })

        //监听行工具事件
        table.on('tool(Organizetable)', function(obj){
            var data = obj.data;

            if(obj.event === 'del'){
                layer.confirm('真的删除行么', function(index){
                    obj.del();
                    //获取id值，发送ajax
                    useAjax("/JT90/delTemplate",{"id":data.id},"JSON","GET",function(count){
                        if(count>0){
                            layer.msg("删除成功",{icon:6});
                            //重新加载当前页面
                            location.reload();
                        }else{
                            layer.msg("删除失败",{icon:5});
                        }
                    })

                    layer.close(index);
                });
            }
        });

    });

</script>


